<template>
	<!--更改姓名-->
	<div class="change-name-box">
		<input id="wode_gaiming"  class="change-name" type="text"  value=""  v-model="inputName" />
		<p class="change-name-tip">好名字可以更好的突出你的个性</p>
		<div class="change-name-button">保存</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				inputName:"阮光远 数据库和"
			}
		}
	}
</script>

<style scoped="scoped">
	.change-name{
		height: 120px;
		width: 90%;
		margin: 0 auto;
	/*	background: pink;*/
		border-bottom: 1px solid  #C5C5C5;
		text-align: left;
		line-height: 120px;
		color: #0C0C0C;
		display: block;
		line-height: 32px;
	}
	.change-name-tip{
		width:90%;
		margin: 20px auto;
		height:23px;
		font-size:24px;
		font-weight:400;
		color:rgba(178,178,178,1);
	}
	.change-name-button{
		width:650px;
		height:80px;
		background:rgba(204,53,56,1);
		border-radius:15px;
		margin: 50px auto;
		color: white;
		text-align: center;
		line-height: 80px;
		font-size: 36px;
	}
</style>